<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
    // 面向过程和面向对象

    // 面向过程 
    // 就是分析出解决问题所需要的步骤，然后用变量,函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。



    // 面向对象
    // 思想上提升 , 就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属性)与行为(方法)--这个对象就称之为类(面向对象)

    // 面向对象的三大特性: 封装 继承 多态

    // 简单的理解: 把一项独立的功能 整合到 一个对象中(独立的实体)  
    // 最简单的面向对象 :把面向过程中的变量和方法 整合到 对象中


    // 把大象放进冰箱中需要几步

    // 面向过程    就是分析出解决问题所需要的步骤，然后用变量,函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。
    // (1) 大象  冰箱  
    // (2) 打开冰箱  open()
    // (3) 把大象放到冰箱中  put()
    // (3) 关上冰箱 

    // var elephant = "大象";
    // function open() { }
    // function put(target) { }
    // function close() { }

    // 面向对象   思想上提升 , 就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属性)与行为(方法)--这个对象就称之为类(面向对象)

    // var 冰箱 = {
    //     target: "大象", // 鸡蛋  雪糕   鸡肉  酸奶 
    //     open() { },
    //     put() { },
    //     close() { },
    // }


</script>

</html>